Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.01.2018, 18:13
aza aza вне форума
Новичок на форуме
Отправить личное сообщение для aza Посмотреть профиль Найти все сообщения от aza
 
Регистрация: 24.01.2018
Сообщений: 3

ajax форма отправки
Приветствую,не могу понять почему не работает форма отправки
$(document).ready(function () {
    $('#game_start').submit(function () {
        $.ajax({
            url: "postcontroller.php",
            type: "POST",
            data: $('#post_login').serialize(),
            success: function (response) {
 
            },
            error: function (jqXHR, textStatus, errorThrown) {
                console.log(textStatus, errorThrown);
            }
        });
       
    });
 
});


<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="media/style/style.css" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
    </head>
    <body>

        
        <main class="color_app">
            <div id="row_flex">
                  <div id="logo_app">
                            <div id="logo_hav">     
                      <h1 align="center" class="h1_start">Fisherman</h1> 
                      <img src="media/img/logo.png">
                      </div>
                        <p align="center" class="p_start">author:AZA</p>
                    </div>
                <div id="flex_bootm"></div>
                <div id="flex_form">
                    <form method="post" id="post_login">
                        <div id="form_input" class="bottm_iv">
                            <label class="bottm_iv">Введите ваше имя:</label>
                            <input type="text" id="name_user" class="color_app" required="required">
                        </div>


                        <button id="game_start" type="submit">Начать игру</button>
                    </form>
                </div> 
            </div>
        </main>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script src="media/js/core.js"></script>
    </body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 24.01.2018, 18:16
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Сообщение от aza
$('#game_start').submit(function ()
Ну так отправить хотите форму $('#post_login'), а обработчик бог знает для какой, которой и в коде не видно, а у кнопки нет события onsubmit.

$('#post_login').submit(function (e) {
e.preventDefault();
.....
data: $(this).serialize(),
.....
Ответить с цитированием
  #3 (permalink)  
Старый 24.01.2018, 19:56
aza aza вне форума
Новичок на форуме
Отправить личное сообщение для aza Посмотреть профиль Найти все сообщения от aza
 
Регистрация: 24.01.2018
Сообщений: 3

/del

Последний раз редактировалось aza, 24.01.2018 в 19:59.
Ответить с цитированием
  #4 (permalink)  
Старый 25.01.2018, 00:04
aza aza вне форума
Новичок на форуме
Отправить личное сообщение для aza Посмотреть профиль Найти все сообщения от aza
 
Регистрация: 24.01.2018
Сообщений: 3

laimas,
Воу.Теперь аякс робит.Но как получить данные от post запроса?
data пустой массив

Последний раз редактировалось aza, 25.01.2018 в 00:12.
Ответить с цитированием
  #5 (permalink)  
Старый 25.01.2018, 05:54
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Сообщение от aza
data пустой массив
data, это отправляемые данные, а то что возвращает сервер, вы ожидаете в response. Прочесть тут.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Форма отправки сообщения с сайта hardwolf Элементы интерфейса 17 24.10.2016 15:00
Не отправляется форма с помощью AJAX Event164 AJAX и COMET 1 13.04.2016 14:28
Простая форма отправки почты TRIGUN Общие вопросы Javascript 1 08.12.2015 17:43
Не передается форма в выводе результатов через ajax tot18 AJAX и COMET 4 06.03.2014 16:15
Форма обратной связи на AJAX проблемы с модальным окном pavel87 AJAX и COMET 0 26.05.2011 14:30